<template>
  <div class="namebasis">
    <div class="informationn">
    <router-link to="/add" class="return"><i class="iconfont icon-icon_on_the_left"></i>返回</router-link>
    <p class="my-information">姓名</p>
  </div>
  <div class="center">
    <img src="../../../../assets/img/my.jpg" alt="">
  </div>
  <div class="miscellaneous">
   <i class="iconfont icon-wode2"></i>
   <p class="mess">显示体质</p>
 </div>
 <div class="miscellaneous">
  <p class="mess">显示体质简介</p>
</div>
<div class="miscellaneous">
 <p class="mess">重新测试体质</p>
</div>
<div class="miscellaneous">
 <i class="iconfont icon-benzi"></i>
 <router-link class="mess" tag="div" to="/choose">慢性病</router-link>
</div>
</div>
</template>
<script>
import './choose'
export default {
  name: "Namebasis",
  data(){
    return{

    }
  }
}
</script>
<style lang="css" scoped>
.informationn{
  width: 100%;
  height: 0.9rem;
  background: #13bf92;
  padding-top: 0.4rem;
}
span{
  line-height: 0.8rem;
  margin-left: 0.2rem;
  color:#fff;
  float: left;
}
.my-information{
  float: left;
  color:#fff;
  font-size: 0.36rem;
  line-height: 0.8rem;
  margin-left: 2.2rem;
}
.return{
  line-height: 0.8rem;
  margin-left: 0.2rem;
  color:#fff;
  float: left;
}
.center{
  width: 100%;
  height:2.36rem;
  background: #fff;
  margin: 0 0 0.45rem 0;
}
img{
  width: 1rem;
  height:1rem;
  margin: 0.7rem 3.2rem;
}
.miscellaneous{
  width: 100%;
  height: 1rem;
  margin: 0 0 0.05rem 0;
  background: #fff;

}

.miscellaneous i{
  padding-left: 0.3rem;
  line-height: 1rem;
    float: left;
}
.mess{
  padding-left: 0.3rem;
  line-height: 1rem;
  float: left;
}
</style>
